.main {
	padding: 5px 10px 10px; background:#FFFFFF
}
.focus {
	width: 100%; height: 340px; overflow: hidden; position: relative;
}
.focus .img li {
	left: 0px; top: 0px; width: 100%; height: 100%; display: block; position: absolute;
}
.focus .img img {
	transition:3s linear; width: 100%; height: 100%; display: block; -webkit-transition: all 3s linear; -o-transition: all 3s linear; -moz-transition: all 3s linear;
}
.focus:hover .img img {
	transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1);
}
.focus .img-title {
	background: rgba(0, 0, 0, 0.5); left: 0px; width: 100%; height: 34px; bottom: 0px; color: rgb(255, 255, 255); line-height: 34px; text-indent: 10px; font-size: 1.4em; position: absolute; z-index: 9;
}
.focus .img-title span {
	overflow: hidden; padding-right: 120px; display: block; white-space: nowrap; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis;
}
.focus .focus-btn {
	width: 85px; height: 16px; right: 10px; bottom: 8px; display: block; position: absolute; z-index: 10;
}
.focus .focus-btn li {
	background: rgb(255, 255, 255); margin: 0px 1px 0px 0px; transition:0.5s; width: 16px; height: 16px; text-align: center; line-height: 16px; font-size: 1.2em; float: left; cursor: pointer; -webkit-transition: all .5s ease; -o-transition: all .5s ease; -moz-transition: all .5s ease;
}
.focus .focus-btn li:hover {
	background: rgb(246, 104, 65); color: rgb(255, 255, 255);
}
.focus .focus-btn li.active {
	background: rgb(246, 104, 65); color: rgb(255, 255, 255);
}
.module {
	padding: 10px; width: 50%; float: left;
}
.module .module-title {
	background: url(../../images/gzhh_img/module_bg.png) no-repeat left bottom rgb(250, 247, 242); border-bottom-color: rgb(253, 111, 71); border-bottom-width: 1px; border-bottom-style: solid; position: relative;
}
.module .module-title span {
	background: url(../../images/gzhh_img/module_icon.png) no-repeat 10px; color: rgb(255, 255, 255); line-height: 40px; padding-left: 40px; font-size: 1.8em; display: inline-block;
}
.module .module-content {
	padding: 10px 0px 0px;
}
.more {
	background: url(../../images/gzhh_img/more.png) no-repeat left; top: 10px; right: 8px; color: rgb(153, 153, 153); padding-left: 16px; font-size: 1.2em; display: block; position: absolute;
}
.more:hover {
	background: url(../../images/gzhh_img/more_on.png) no-repeat left; color: rgb(253, 111, 71);
}
.module-border {
	padding: 8px; border: 1px solid rgb(238, 238, 238); border-image: none;
}
.top {
	padding-bottom: 8px; border-bottom-color: rgb(238, 238, 238); border-bottom-width: 1px; border-bottom-style: dashed; display: block;
}
.top .title {
	padding: 5px 0px 10px; text-align: center; color: rgb(244, 94, 57); overflow: hidden; font-size: 1.8em; white-space: nowrap; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis;
}
.top .intro {
	color: rgb(153, 153, 153); line-height: 1.6; font-size: 1.4em;
}
.first {
	padding-bottom: 10px; border-bottom-color: rgb(238, 238, 238); border-bottom-width: 1px; border-bottom-style: solid; display: block;
}
.first img {
	width: 30%; height: 110px; float: left;
}
.first .info {
	width: 68%; float: right;
}
.first .info .title {
	color: rgb(102, 102, 102); line-height: 2; overflow: hidden; font-size: 1.6em; display: block; white-space: nowrap; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis;
}
.first .info .intro {
	padding: 5px 0px; color: rgb(153, 153, 153); line-height: 1.8; font-size: 1.2em;
}
.list {
	padding-top: 5px;
}
.list li {
	background: url("../../../images/gzhh_img/03_dj/list_ico.png") no-repeat 0px; padding: 0px 100px 0px 12px; display: block; position: relative;
}
.list li a {
	color: rgb(85, 85, 85); line-height: 36px; overflow: hidden; font-size: 1.4em; display: block; white-space: nowrap; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis;
}
.list li span {
	top: 0px; width: 100px; text-align: right; right: 0px; color: rgb(153, 153, 153); line-height: 36px; font-size: 1.4em; position: absolute;
}
.list li:hover a {
	color: rgb(244, 94, 57);
}
.module2 .module-title {
	background: rgb(255, 255, 255);
}
.module2 .module-title span {
	background: url("../../../images/gzhh_img/03_dj/module_icon1.png") no-repeat left; color: rgb(228, 47, 0); padding-left: 30px;
}
.module2 .list li a {
	line-height: 32px;
}
.ad {
	padding: 10px 0px;
}
.ad img {
	margin: 0px auto; display: block; max-width: 100%;
}
.module7 img {
	width: 200px; margin-right: 10px; float: left;
}
.module8 img {
	width: 200px; margin-right: 10px; float: left;
}
.module7 .list {
	top: -8px; width: 350px; float: right; position: relative;
}
.module8 .list {
	top: -8px; width: 350px; float: right; position: relative;
}
.module7 .list li {
	padding: 0px 20px 0px 12px;
}
.module8 .list li {
	padding: 0px 20px 0px 12px;
}
@media only screen and (max-width:1200px)
{
.first img {
	width: 35%;
}
.first .info {
	width: 63%;
}
.module7 .list {
	width: 250px;
}
.module8 .list {
	width: 250px;
}
}
@media only screen and (max-width:1023px)
{
.main {
	padding: 0px;
}
.module {
	width: auto; float: none;
}
.module7 .list {
	width: 480px;
}
.module8 .list {
	width: 480px;
}
.focus {
	height: 400px;
}
}
@media only screen and (max-width:767px)
{
.focus {
	height: 320px;
}
.focus .focus-btn li {
	font-size: 1em;
}
.module .module-title span {
	font-size: 1.4em;
}
.first img {
	width: 100%; height: auto; float: none;
}
.first .info {
	width: auto; float: none;
}
.module7 img {
	float: none; display: none;
}
.module8 img {
	float: none; display: none;
}
.module7 .list {
	width: auto; float: none;
}
.module8 .list {
	width: auto; float: none;
}
.list li span {
	width: 130px;
}
.list li {
	padding: 0px 140px 0px 12px;
}
}
@media only screen and (max-width:639px)
{
.focus {
	height: 280px;
}
.list li span {
	width: 100px;
}
.list li {
	padding: 0px 110px 0px 12px;
}
}
@media only screen and (max-width:479px)
{
.focus {
	height: 220px;
}
}
@media only screen and (max-width:379px)
{
.focus {
	height: 180px;
}
}